<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>装修管家</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../css/taocan.css">
		<link href="../css/slick.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0WNnyn5gEIws9ingWyjiOCGS"></script>
	</head>

	<body>
		<div class="searchbox">
			<div class="fl logobox">
				<a href="#"><img src="../img/logo.png" /></a>
			</div>
			<div class="fl downcon">
				<span onclick="down(this)">海口<i class="fa fa-angle-down"></i></span>
				<ul>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
					<li>
						<a href="#">文昌</a>
					</li>
				</ul>
			</div>
			<div class="fr search">
				<form>
					<input type="text" placeholder="请搜索：装修/问题/攻略/效果图" onfocus="this.placeholder=''" onblur="this.placeholder='请搜索：装修/问题/攻略/效果图'" />
					<input type="button" value="搜索" />
					<div class="clear"></div>
				</form>
			</div>
			<div class="clear"></div>
		</div>
		<div class="bannerbar">
			<div class="navbar">
				<div class="nav">
					<a href="index.html">首页</a>
					<a href="zx-taocan.html" class="current">装修套餐</a>
					<a href="zx-lc.html">装修流程</a>
					<a href="drawing.html">装修效果图</a>
					<a href="xuetang.html">装修学堂</a>
					<a href="about.html">关于我们</a>
					<span class="fr">联系电话：<em>400-817-0898</em>转<em>666</em></span>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!--banner开始-->
		<div class="normal-size">
			<div class="lubo">
				<ul class="lubo_box">
					<li style=" opacity: 1;filter:alpha(opacity=100);">
						<a href="" style="background:url(../img/banner-taocan-01.jpg) center top no-repeat"></a>
					</li>
					<li>
						<a href="" style="background:url(../img/banner-taocan-01.jpg) center top no-repeat"></a>
					</li>
					<li>
						<a href="" style="background:url(../img/banner-taocan-01.jpg) center top no-repeat"></a>
					</li>
					<li>
						<a href="" style="background:url(../img/banner-taocan-01.jpg) center top no-repeat"></a>
					</li>
				</ul>
			</div>
		</div>

		<!--banner结束-->
		<div class="w1220">
			<div class="favourbox">
				<div class="favour same fl">
					<a href="#" class="simple fl"><img src="../img/building.jpg" /></a>
					<div class="fl namebox">
						<div class="goto">
							<a href="#" class="simplename"><em>898</em>北欧极简整装</a>
							<a href="#" class="report">立即报名</a>
						</div>
						<ul>
							<li>活动时间：2017-09-12 到 2017-12-12</li>
							<li>活动地点：龙昆南路金霖花园</li>
							<li>客服电话：12345678</li>
							<li>报名人数：10名</li>
							<li>客服QQ：<a href="#">QQ交谈</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="fr">
					<div class="same newreport">
						<p class="title">最新报名</p>
						<div class="message">
							<span style="width: 30%;">姓名</span>
							<span style="width: 35%;">手机</span>
							<span style="width: 35%;">时间</span>
						</div>
						<div class="namelist">
							<ul>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
								<li>
									<span style="width: 30%;">小李子</span>
									<span style="width: 35%;">12****0642</span>
									<span style="width: 35%;">2017-02-20</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="same mapbox">
						<p class="title">活动位置</p>
						<div id="map"></div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="detailbox same">
				<div class="part">
					<img src="../img/detail.png" class="d-title" />
					<div class="detail-pic">
						<img src="../img/pic01.jpg" />
						<img src="../img/pic02.jpg" />
					</div>
				</div>
				<div class="part">
					<img src="../img/example.png" class="d-title" />
					<div class="detail-pic">
						<img src="../img/pic03.jpg" />
					</div>
				</div>
				<div class="part">
					<img src="../img/fitment.png" class="d-title" />
					<div class="detail-pic">
						<img src="../img/pic04.jpg" />
					</div>
				</div>
				<div class="part">
					<img src="../img/lamp.png" class="d-title" />
					<div class="detail-pic">
						<img src="../img/pic05.jpg" />
					</div>
				</div>
				<div class="part">
					<img src="../img/brand.png" class="d-title" />
					<div class="detail-pic">
						<img src="../img/pic06.jpg" />
					</div>
				</div>
				<div class="part">
					<img src="../img/vrtitle.png" class="d-title" />
					<div class="detail-pic">
						<p class="taste">（点击图片进行VR初步体验）</p>
						<ul class="scene">
							<li>
								<a href="#">
									<img src="../img/room01.jpg"/>
									<span>客厅</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../img/room02.jpg"/>
									<span>卧室</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../img/room03.jpg"/>
									<span>餐厅</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../img/room04.jpg"/>
									<span>卫生间</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--更多优惠套餐开始-->
		<div class="zhuanxiu-anli normal-size">
			<p class="t">更多<span class="blue">优惠套餐</span> <a href="#" class="right-elem more">更多套餐 <em class="jaotou"></em></a> </p>
			<div class="slider autoplay1">
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-01.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-02.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-03.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-01.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-02.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
				<div>
					<a href="#">
						<h3 class="clearfix">
          <img src="../img/youhui-03.jpg" alt="" class="left-elem">
        </h3>
					</a>
				</div>
			</div>
		</div>
		<!--更多优惠套餐结束-->
		<!--底部-->
		<div class="contactbox">
			<div class="contact">
				<img src="../img/contact_icon.png" class="fl" />
				<div class="tel fr">
					<span>电话：<em>400-817-0898</em>转<em>666</em></span>
					<span>24小时服务邮箱：<em>1837504289@qq.com</em></span>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="footerbox">
			<div class="footer">
				<div class="fl place">
					<p>海口总部：海口市龙昆南路金霖花园别墅入口C栋二楼</p>
					<p>海口西海岸分店：海口市西海岸长滨四路海长流3期铺面</p>
					<p>海口绿地城分店：新大洲大道681号海南绿地城营销中心，前往100米邻里中心一楼</p>
					<p>三亚分店：三亚育秀路3-1号东方广场商业街（三亚站对面）2楼</p>
					<p>琼海分店：琼海市银海路大印经典对面我房装饰</p>
					<p>儋州分店：儋州市那大镇兰洋北路恒大名都一期25栋106商铺</p>
					<p>老城分部：澄迈县老城镇南海大道60号店铺（海之梦大酒店旁）</p>
					<p>云南我房旅居房地产经纪有限公司 地址:云南省昆明市五华区学府路金鼎科技园18号平台B座404室</p>
				</div>
				<div class="telbox fl">
					<ul>
						<li>
							<span>私人装修管家：黎明暖18789540187</span>
							<img src="../img/tel.jpg" />
						</li>
						<li>
							<span>私人装修管家：王章婷15120895596</span>
							<img src="../img/tel.jpg" />
						</li>
						<li>
							<span>私人装修管家：王盛文13876800367</span>
							<img src="../img/tel.jpg" />
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="layui-form activity" style="display: none;padding: 0 20px;">
			<p style="line-height: 70px;font-size: 18px;text-align: center;">我要报名参加活动<em style="color: #ff9800;">“898北欧极简整装”</em></p>
			<div class="layui-form-item" style="margin-bottom: 10px;">
			    <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
			</div>
			<div class="layui-form-item" style="margin-bottom: 10px;">
			    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入您的手机号" class="layui-input">
			</div>
			<div class="layui-form-item" style="margin-bottom: 10px;text-align: center;">
			    <button class="layui-btn" lay-submit="" lay-filter="demo1" style="display: inline-block;width: 120px;">立即申请</button>
			</div>
			<a style="font-size: 14px;background-color: #fafafa;line-height: 40px;padding-left: 10px;display: block;">不想等待？您也可以直接联系我们</a>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/jquery-ui.min.js"></script>
		<script src="../js/select-widget-min.js"></script>
		<script src="../js/layui.js"></script>
		<script src="../js/common.js"></script>
		<script type="text/javascript">
			layui.use('form', function() {
				var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
			});
		</script>
		<script type="text/javascript">
			$('.newreport ul li:nth-of-type(2n+1)').css('background-color', '#f5f5f5');
			$('.detailbox ul.scene li:nth-of-type(4n+4)').css('margin-right','0');
			$(function() {
				$("div.namelist").myScroll({
					speed: 40,
					rowHeight: 40
				});
			});
			//报名
			$('.report').on('click',function(){
				layer.open({
					type: 1,
					title:'立即报名',
					shade: 0.3,
  					area: ['600px', '320px'],
					content:$('.activity')
				});
			});
		</script>
		<!--地图-->
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("map");
			var point = new BMap.Point(116.331398, 39.897445);
			map.centerAndZoom(point, 12);
			map.enableScrollWheelZoom();
			// 创建地址解析器实例
			var myGeo = new BMap.Geocoder();
			// 将地址解析结果显示在地图上,并调整地图视野
			myGeo.getPoint("北京市海淀区上地10街", function(point) {
				if (point) {
					map.centerAndZoom(point, 16);
					map.addOverlay(new BMap.Marker(point));
				} else {
					alert("您选择地址没有解析到结果!");
				}
			}, "北京市");
		</script>
		<!--轮播图-->
		<script type="text/javascript" src="../js/lubotu.js"></script>
		<script type="text/javascript">
			$(function(){
			    $(".lubo").lubo({
			    });
			  })
		</script>
		<!--优惠套餐-->
		<script type="text/javascript" src="../js/slick.min.js"></script>
		<script type="text/javascript">
			$('.autoplay1').slick({
				dots: false,
				infinite: true,
				speed: 300,
				slidesToShow: 5,
				slidesToScroll: 1,
				autoplay: true,
				autoplaySpeed: 2000
			});
		</script>
	</body>

</html>